<template>
<div>
  <h1>本地to do list代办清单</h1>
  <el-button>创建</el-button>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="date" label="内容" width="180" />
    <el-table-column prop="name" label="时间" width="180" />
    <el-table-column prop="address" label="操作" >
      <template #default="scope">
        <el-button size="small" 
          >删除</el-button
        >
        <el-button
          size="small"
          type="danger"
          >编辑</el-button
        >
      </template>
      </el-table-column>
  </el-table>
</div>


</template>
<script>
export default {
  data () {
    return {
    tableData : [{
    date: '2016-05-03',
    name: 'Tom',
    address: 'No. 189, Grove St, Los Angeles',
  }]
    }
  }
}
</script>


 


<style scoped>

</style>
